<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        tbody tr:hover{
            background-color: #649f9f;
        }
    </style>
</head>
<body>
<table>
    <colgroup>
        <col style="width: 100px"> <!-- 第一列宽 100px -->
        <col style="width: 200px"> <!-- 第二列宽 200px -->
    </colgroup>
    <tr>
        <th>姓名</th>
        <th>地址</th>
    </tr>
    <tr>
        <td>李四</td>
        <td>上海</td>
    </tr>
</table>
<table border="1">
    <tr>
        <td rowspan="2">我占两行</td> <!-- 粘住第一行和第二行的第一个位置 -->
        <td>B</td>
    </tr>
    <tr>
        <!-- 这里浏览器自动跳过第一个位置（已经被占用了） -->
        <td>D</td>
    </tr>
</table>
<!--<audio controls src="../static/i.mp3"></audio>-->
<table border="1" cellspacing="0">
    <caption>这是test表</caption>
    <thead>
    <tr>
        <th colspan="3">姓名</th>
        <th></th>
        <th></th>
        <th>年龄</th>
    </tr>
    </thead>
<!--    <tbody>-->
    <tr>
        <td>16</td>
        <td>阿宝</td>
        <td>阿宝</td>
        <td>阿宝</td>
        <td>阿宝</td>
    </tr>
<!--    <tr>-->
<!--        <td>12</td>-->
<!--        <td>你好</td>-->
<!--    </tr>-->
<!--    </tbody>-->
    <tfoot>
    <tr>
        <td colspan="2">16</td>
        <td>13</td>
    </tr>
    </tfoot>
</table>
</body>
</html>